def getShopCard(longUrl,item_MainImg,skuName,item_price):

    card = f"""<div>
        <a style="background-color: #f6f6f6;
          display: block;
          border-radius: 8px;
          box-shadow:0px 0px 10px 5px #aaa;
          overflow: hidden;
          color: inherit;
          margin: 1em auto;
          max-width: 100%;
          min-height: 88px;
          position: relative;
          text-decoration: none;
          width: 390px;
          z-index: 0;"
           href="{longUrl}">
            <div style="-webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                overflow: hidden;
                max-width: 400px;
                min-height: 88px;">
                <div style="-webkit-box-sizing: border-box;
                      box-sizing: border-box;
                      width: 100%;
                      padding: 14px;
                      z-index: 2;
                      -webkit-box-align: stretch;
                      -ms-flex-align: stretch;
                      align-items: stretch;
                      position: relative;
                      display: -webkit-box;
                      display: -ms-flexbox;
                      display: flex;">
                    <div style="flex-shrink: 0;
                            overflow: hidden;
                            position: relative;
                            border-radius: 6px;
                            height: 100px;
                            width: 100px;">
                        <img style="height: 100%;
                                  width: 100%;" src="{item_MainImg}"
                             alt="">
                    </div>
                    <div style="
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                            flex-grow: 1;
                            margin-left: 12px;
                            overflow: hidden;">
                        <div style="display: flex;-webkit-box-align: center;
                                  -ms-flex-align: center;
                                  align-items: center;
                                  -webkit-box-pack: justify;
                                  -ms-flex-pack: justify;
                                  justify-content: space-between;">
                            <div style="color: #121212;
                                        font-size: 16px;
                                        line-height: 20px;
                                        max-height: 40px;
                                        font-weight: 600;
                                        font-synthesis: style;
                                        display: -webkit-box;
                                        text-overflow: ellipsis;
                                        overflow: hidden;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;">{skuName}
                            </div>
                        </div>
                        <div style="color: #646464;
                              font-size: 12px;
                              line-height: 17px;
                              margin-top: 5px;
                              font-weight: 600;
                              font-synthesis: style;"> 京 东
                        </div>
                        <div style="display: -webkit-box;
                              display: -ms-flexbox;
                              display: flex;
                              -webkit-box-align: end;
                              -ms-flex-align: end;
                              align-items: flex-end;
                              margin-top: auto;">
                            <div style="margin-right: auto;display: block;">
                                <div class="MCNLinkCard-price" style="-webkit-box-align: center;
                              -ms-flex-align: center;
                              align-items: center;
                              color: #ff7955;
                              display: -webkit-box;
                              display: -ms-flexbox;
                              display: flex;
                              font-size: 16px;
                              font-weight: 500;
                              line-height: 18px;
                              margin-right: auto;">
                                    <span>¥ {item_price}</span></div>
                            </div>
                            <div style="display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-item-align: start;
            align-self: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #ff7955;
            font-size: 13px;
            height: 17px;
            line-height: 17px;
            font-weight: 600;
            font-synthesis: style;" role="button">去购买
                                <span style="display: inline-flex; align-items: center;">&#8203;</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    """
    return card